body {
    background-color: #e5e5e5;
    font-family: "Microsoft YaHei", serif;
    font-size: 16px;
    min-width: 1100px;
}

.my-nav-bar {
    background-color: #01aaf7;
    height: 40px;
}

.my-footer {
    background-color: #454545;
    height: 40px;
}

.nav-content {
    max-width: 1100px;
    color: #ffffff;
    font-size: 14px;

}

.nav-content > .pull-left,
.nav-content .login {
    line-height: 38px;
}

.nav-content a {
    color: #ffffff;
}

.nav-content .search-container {
    background-color: #ffffff;
    border-radius: 4px;
    height: 28px;
    width: 262px;
    margin-top: 6px;
    margin-right: 10px;
}

.nav-content .search-container .dropdown .btn {
    font-size: 14px;
    border: none;
    margin: 0;
    height: 28px;
    color: #aeaeae;
}

.nav-content .search-container .dropdown .btn:focus,
.nav-content .search-container .dropdown .btn:hover,
.nav-content .search-container .dropdown .btn:active,
.nav-content .search-container .btn-default.active, .btn-default:active,
.nav-content .search-container .open > .dropdown-toggle.btn-default {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.nav-content .search-container input {
    width: 130px;
    height: 24px;
    margin-top: 2px;
    margin-left: 2px;
    border: none;
    color: #aeaeae;
    font-size: 14px;
    font-weight: 300;
}

.nav-content .search-container input:focus {

}

.nav-content .search-container .glyphicon-search {
    color: #aeaeae;
    font-size: 22px;
    margin-top: 2px;
    margin-right: 6px;
}

.main-container {
    width: 1100px;
}

.menu-container {
    height: 80px;
    background-color: #ffffff;
}

#logo {
    margin-top: 8px;
    margin-left: 10px;
}

#menu {
    color: #555555;
    font-size: 12px;
    height: 80px;
}

#menu td {
    width: 8.25%;
    text-align: center;
    cursor: pointer;
}

#menu td:hover {
    color: #01aaf7;
    text-decoration: underline;
}

#menu td:active,
#menu td.active {
    color: #01aaf7;
}

.ad-icon-1 {
    position: absolute;
    border-radius: 50%;
    right: -30px;
    top: 15px;
    width: 60px;
    height: 60px;
    background-color: #01aaf7;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    box-shadow: 1px 1px 5px #888888;
    cursor: pointer;
}

/* Basic panel */
.panel-basic {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.panel-basic > .panel-divider {
    background-color: #dddddd;
    height: 2px;
    margin: 0 15px;
}

.panel-basic > .panel-heading {
    color: #2196f3;
    font-size: 20px;
    font-weight: 600;
    clear: both;
}

.panel-basic > .panel-heading > .title-add-on {
    float: left;
    width: 8px;
    height: 22px;
    margin-top: 2px;
    margin-right: 10px;
    background-color: #2196f3;
}

.panel-basic > .panel-heading > .title-add-on-right {
    float: right;
    font-weight: 500;
    font-size: 16px;
    font-family: Arial, serif;
    line-height: 33px;
}

.panel-basic > .panel-body {
    font-size: 16px;
}

.panel-basic > .panel-body > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-basic > .panel-body > p > .indicator {
    color: #2196f3;
    margin-right: 5px;
}

.panel-basic > .panel-body > p > a {
    color: #000000;
}

.panel-basic > .panel-body > .media > .media-left img {
    width: 113px;
    /*height: 73px;*/
}

.panel-basic > .panel-body > .media > .media-body {
    color: #838383;
    font-size: 14px;
}

.panel-basic > .panel-body > .media > .media-body > .media-heading,
.panel-basic > .panel-body > .media > .media-body > .media-heading > a {
    color: #2196f3;
    font-size: 18px;
    font-weight: 600;
}

/* Advertisement panel 1 */
.panel-ad-1 {
    border-radius: 0;
    box-shadow: none;
}

.panel-ad-1 > .panel-heading {
    text-align: center;
    font-size: 20px;
    border-radius: 0;
}

.panel-ad-2 {
    width: 311px;
    background-color: #ffffff;
}

.panel-ad-2 .title {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.panel-ad-2 .content {
    color: #747474;
    font-size: 14px;
}

/* Basic article panel */
.panel-article {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.panel-article > .panel-heading {
    border: none;
    border-top: 2px solid #2196f3;
    border-radius: 0;
    background-color: #ffffff;
    color: #1e7fab;
    text-align: center;
    font-size: 22px;
    font-family: "Microsoft YaHei", serif;
}

.panel-article > .panel-body {
    border: none;
    border-radius: 0;
}

.panel-article > .panel-body > .summary {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", serif;
}

.panel-article > .panel-body > .content {
    color: #383838;
    font-family: "Microsoft YaHei", serif;
    line-height: 33px;
}

.panel-article > .panel-body > .content > p {
    text-indent: 32px;
}

.panel-article > .panel-body > .shares {
    text-align: right;
    color: #9e9e9e;
}

.panel-article > .panel-body > .shares > a {
    text-decoration: none;
}

.panel-article > .panel-body nav > .pager {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel-article > .panel-body nav > .pager li > a,
.panel-article > .panel-body nav > .pager li > span {
    border-radius: 6px;
}

.panel-article > .panel-body nav > .pager li > a.active {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #2196f3;
}

.panel-comment {
    border-radius: 0;
    margin-bottom: 0;
}

.panel-comment > .panel-heading {
    background-color: #ffffff;
}

.panel-comment > .panel-body > .comment-item {
    margin-bottom: 20px;
}

.panel-comment > .panel-body > .comment-item > .media {
    width: 80%;
}

.panel-comment > .panel-body > .comment-item img.media-object {
    height: 44px;
    width: 44px;
}

.panel-comment > .panel-body > .comment-item .media-body {
    font-size: 14px;
    color: #6a6a6a;
}

.panel-comment > .panel-body > .comment-item .media-body > .media-heading > .media-title {
    font-size: 16px;
    color: #171717;
}

.panel-comment > .panel-body > .comment-item .media-body > .media-heading > .date {
    font-size: 14px;
    color: #9e9e9e;
    margin-left: 10px;
}

.panel-comment .panel-body .button-container {
    margin-top: 15px;
}

.panel-comment .panel-body .button-container > a {
    text-decoration: none;
    margin-left: 10px;
}

.panel-comment .panel-body .button-container > span {
    color: #9e9e9e;
    font-size: 14px;
}

/* Experts displayed in one line */
.panel-basic .expert {
    margin-right: 26px;
    background-color: #e5e5e5;
}

.panel-basic .expert .expert-img {
    width: 160px;
    height: 194px;
}

.panel-basic .expert .expert-name {
    color: #464646;
    font-weight: 600;
    margin-bottom: 10px;
}

.panel-basic .expert .expert-description {
    color: #696969;
    font-size: 12px;
}

/* List panel */
.panel-list {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.panel-list > .panel-body {
    border-top: 2px solid #2196f3;
}

.panel-list .list-item {
    border-bottom: 1px solid #dcdcdc;
    margin-top: 10px;
}

.panel-list .list-item > .list-item-title {
    font-size: 18px;
    color: #1e7fab;
}

.panel-list .list-item > .list-item-content {
    margin-top: 10px;
    font-size: 14px;
    color: #676767;
}

.panel-list .list-item > .list-item-footer {
    font-size: 14px;
    color: #a8a8a8;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
}

.panel-list .pagination > li > a,
.panel-list .pagination > li > span {
    margin: 0 6px;
    border-radius: 4px;
    color: #9e9e9e;
}

.my-nav-stacked {
    padding: 4px;
}

.my-nav-stacked .nav-pills > li.active > a,
.my-nav-stacked .nav-pills > li.active > a:focus,
.my-nav-stacked .nav-pills > li.active > a:hover {
    color: #ffffff;
    background-color: #2196f3;
}

.my-nav-stacked .nav-pills > li > a {
    color: #1e7fab;
}

.panel-list .pagination > .active > a,
.panel-list .pagination > .active > a:focus,
.panel-list .pagination > .active > a:hover,
.panel-list .pagination > .active > span,
.panel-list .pagination > .active > span:focus,
.panel-list .pagination > .active > span:hover {
    color: #ffffff;
    cursor: default;
    background-color: #2196f3;
    border-color: #2196f3;
}

/* Convenient margins */
.margin-top-1 {
    margin-top: 1px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-7 {
    margin-top: 7px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-9 {
    margin-top: 9px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-11 {
    margin-top: 11px;
}

.margin-top-12 {
    margin-top: 12px;
}

.margin-top-13 {
    margin-top: 13px;
}

.margin-top-14 {
    margin-top: 14px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-16 {
    margin-top: 16px;
}

.margin-top-17 {
    margin-top: 17px;
}

.margin-top-18 {
    margin-top: 18px;
}

.margin-top-19 {
    margin-top: 19px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-21 {
    margin-top: 21px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-top-23 {
    margin-top: 23px;
}

.margin-top-24 {
    margin-top: 24px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-26 {
    margin-top: 26px;
}

.margin-top-27 {
    margin-top: 27px;
}

.margin-top-28 {
    margin-top: 28px;
}

.margin-top-29 {
    margin-top: 29px;
}

.margin-top-30 {
    margin-top: 30px;
}

/* Convenient background colors */
.background-color-white {
    background-color: #ffffff;
}

.background-color-blue {
    background-color: #01aaf7;
}

/* Convenient relative positioning */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/* Convenient font colors */
.color-white {
    color: #ffffff;
}

.color-blue {
    color: #01aaf7;
}

.color-grey {
    color: #bcbcbc;
}

.color-grey-dark {
    color: #838383;
}

/* Basic box-shadow */
.shadow-basic {
    box-shadow: 2px 2px 2px #888888;
}

/* Postscript shaped in balloon */
.balloon {
    background: url("../img/balloon-orange.png") no-repeat;
    background-size: 100% 100%;
    height: 24px;
    width: 48px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-top: -2px;
}

/* 8*8 cooperative block */
.cooperative-brand {
    width: 110px;
    height: 60px;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 2px 2px 2px #888888;;
    -moz-box-shadow: 2px 2px 2px #888888;
    -webkit-box-shadow: 2px 2px 2px #888888;
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
}

.cooperative-brand > .cooperative-brand-img {
    width: 100px;
    height: 50px;
    margin: 5px;
}

/* Default button */
.ad-button {
    border: 0;
    height: 23px;
    padding: 0 6px 0 6px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    background-color: #01aaf7;
    font-style: italic;
}

.basic-button {
    border-color: #01aaf7;
    height: 36px;
    padding: 0 6px 0 6px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #01aaf7;
}

/* Default breadcrumb */
.basic-breadcrumb {
    border-radius: 0;
    height: 30px;
    padding-top: 6px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #a8a8a8;
    font-family: "Microsoft YaHei", serif;
    margin-bottom: 0;
    background-color: #ffffff;
}

.basic-breadcrumb > li + li:before {
    padding: 0 5px;
    color: #a8a8a8;
    content: ">";
}

/* Divider implemented with div */
.divider {
    height: 2px;
    background-color: #e9e9e9;
}

/* Basic search combination */
.basic-search-container {
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    height: 30pxpx;

    margin-top: 6px;
    margin-right: 10px;
}

.basic-search-container .dropdown .btn {
    font-size: 14px;
    padding: 0;
    padding-left: 3px;
    border: none;
    margin: 0;
    height: 20px;
    color: #aeaeae;
}

.basic-search-container .dropdown .btn:focus,
.basic-search-container .dropdown .btn:hover,
.basic-search-container .dropdown .btn:active,
.basic-search-container .btn-default.active, .btn-default:active,
.basic-search-container .open > .dropdown-toggle.btn-default {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.basic-search-container input {
    width: 120px;
    height: 24px;
    margin-top: 2px;
    margin-left: 2px;
    border: none;
    color: #aeaeae;
    font-size: 14px;
    font-weight: 300;
}

.basic-search-container .glyphicon-search {
    color: #aeaeae;
    font-size: 22px;
    margin-top: 2px;
    margin-right: 6px;
}